<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>企业的职位进程表</title>
<link rel="stylesheet" href="css/index.css"/>
<script src="js/jquery-2.2.0.min.js"></script>
<link rel="stylesheet" href="css/jinchenftiao.css">
</head>

<body>
<div class="wuyoujianli_header">
	<div class="wuyoujianli_nav">
		<span class="wuyoujianli_nav1">小明</span>　<a href="dlym.html">退出</a>　|　<a href="index.html">首页</a>　|　<a href="gr-jindu.html">个人中心</a>
	</div>
</div>
<div class="header-b">
	<div class="inner">
	   <a href="index.html">
				<div class="logo">
					<img src="images/header_03.jpg">
				</div>
			</a>
	   <div class="tel" style="float: right;">
		   <img src="images/header_14.jpg">
	   </div>
	</div>
</div>
<div class="daohang" style="margin-bottom: 40px;">
<ul class="daohang1">
   <a href="index.html"><li>首页</li></a>
  <a href="zzgz.html"><li>查找工作</li></a>
  <a href="xmhz.html"><li>项目合作</li></a>
  <a href="gr-jindu.html"><li class="xuanzhong">会员中心</li></a>
  <a href="flyz.html"><li>法律援助</li></a>
  <a href="sqdk.html"><li>申请贷款</li></a>
  <a href="zzfw.html"><li>增值服务</li></a>
  <div class="clearfix"></div>  
</ul>
</div>
<div class="inner" style="position: relative;">	
	<div class="small_nav">
		<div class="small_nav_title">个人中心</div>
		<a href="gr-jindu.html"><div class="small_nav_word small_nav_color">已报名职位</div></a>
		<a href="gr-jlgl.html"><div class="small_nav_word">简历管理</div></a>
		<a href="gr-tgzj.html"><div class="small_nav_word">财务管理</div></a>
		<a href="gr-zhgl.html"><div class="small_nav_word">账户管理</div></a>
		<a href="gr-mima.html"><div class="small_nav_word">密码管理</div></a>
	</div>
	<div class="content">
		<div class="data">
			<div class="data1">
				<img src="images/touxiang.png" alt="">
			</div>
			<div class="data2">
				<div class="data3">尚泽</div>
				<div class="data4">
					<div class="data5">男</div>
					<div class="data6">
						<img src="images/shuxian.jpg" alt="">
					</div>
					<div class="data5">28岁</div>
					<div class="data7">
						<img src="images/shuxian.jpg" alt="">
					</div>
					<div class="data8">
						<img src="images/dingwei.png" alt="">
					</div>
					<div class="data5">临沂</div>
				</div>
				<div class="gekai"></div>
				<div class="data9">15589645123</div>
				<input type="text" class="data10" value="15589645123" id="beigai" readonly size="15">
				<div class="data11" id="xiugai">【修改】</div>
				<div class="data11" id="baocun" style="display: none;">【保存】</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="remind">
			<div class="remind1">
				<img src="images/xiaxian.jpg" alt="">
				就业风险提醒
			</div>
			<!--新的-->
			<table height="200" class="cailiao" cellpadding="0" cellspacing="0" width="700">
				<tr>
					<td class="cailiao3">　　一、骗取报名费：收费报名、拖延不退。</td>
					<td class="cailiao3">　　二、骗取考试费：收费考试、不予通过。</td>
				</tr>
				<tr>
					<td>　　三、骗取培训费：虚假职位、收费培训。</td>
					<td>　　四、骗取资料费：虚假职位、收费办证。</td>
				</tr>
				<tr>
					<td class="cailiao3">　　五、骗取个人信息：办高息贷款、银行信用卡。</td>
					<td class="cailiao3">　　六、大包落地：前期不收费、下了飞机、身不由己。</td>
				</tr>
				<tr>
					<td>　　七、碰签模式：广收护照碰运气、谁的通过收谁钱。</td>
					<td>　　八、无息借款：虚假职位100%退款、至少半年给予退还。</td>
				</tr>
				<tr>
					<td class="cailiao1"></td>
					<td class="cailiao2" style="">　　　客服咨询电话:</td>
				</tr>
			</table>
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="jindu">
		<div class="remind1" style="text-align: left;">
			<img src="images/xiaxian.jpg" alt="">
			已报名职位
		</div>
		<!--新的-->
		<div class="zhiwei_suoyouzhiwei1" style="position: relative;">
			<div class="zhiwei_suoyouzhiwei2">
				<div class="zhiwei_suoyouzhiwei3">
					<div class="zhiwei_suoyouzhiwei4">包装工</div>
					<div class="zhiwei_suoyouzhiwei5">日本</div>
					<div class="clearfix"></div>
				</div>
				<div class="zhiwei_suoyouzhiwei6">
				男 | 25-50周岁 | 大专<br>招聘人数：50人 | 已报名：20人
				</div>
			</div>
			<div class="gr_suoyouzhiwei7">
				<img src="images/wuyoutuoguan.jpg" alt="">
			</div>
			<div class="gr_suoyouzhiwei8">
				20000元
			</div>
			<div class="gr_suoyouzhiwei9">
				<div class="gr_suoyouzhiwei10">临沂市尚泽网络有限公司</div>
				<div class="zhiwei_suoyouzhiwei11">
					<div class="zhiwei_suoyouzhiwei12"><img src="images/tb1.png" alt=""></div>
					<div class="zhiwei_suoyouzhiwei13"><img src="images/tb2.png" alt=""></div>
					<div class="zhiwei_suoyouzhiwei14"><img src="images/tb3.png" alt=""></div>
				</div>
			</div>
			<div class="zhiwei_suoyouzhiwei15">
				2017-07-07
			</div>
			<div class="clearfix"></div>
			<div class="jinchenbiao_quxiao" id="quxiao">取消报名</div>
		</div>
		<div style="height: 30px;"></div>
		<div class="process_box1">
			<ul class="process1">
				<li>
					<span>通知考核</span>
					<div></div>
				</li>
				<li></li>
				<li>
					<span>考核结果</span>
					<div></div>
				</li>
				<li></li>
				<li>
					<span>办理签证</span>
					<div></div>
				</li>
				<li></li>
				<li>
					<span>购买机票</span>
					<div></div>
				</li>
				<li></li>
				<li>
					<span>通知出境</span>
					<div></div>
				</li>
				<div class="clearfix"></div>
			</ul>
			<div class="kaoshijieguo">
				<div class="kaoshijieguo-conter">
					<p>考核结果<span><img src="images/czgz-gb.png" alt=""></span></p>
					<div class="kaoshijieguo-text">是否通过考核</div>
					<div class="kaoshijieguo-button">
						<button type="button">通过考核</button>
						<button type="button">考核失败</button>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<button class="queding-one1">确定</button>
			<button class="queding-one">确定</button>
			<button class="queding-two">确定</button>
			<button class="queding-three">确定</button>
		</div>
	</div>
	<div class="mianshitongzhi" style="display: none;">
		<div style="position: relative;">
			<img src="images/yuanjiaojuxing.png" alt="" style="position: absolute;top: 40px;left: -29px;">
		</div>
		<div>
			<div class="mianshitongzhi1">联系人：</div>
			<div class="mianshitongzhi2">赵文武</div>
			<div class="clearfix"></div>
		</div>
		<div>
			<div class="mianshitongzhi1">联系电话：</div>
			<div class="mianshitongzhi2">15826945612</div>
			<div class="clearfix"></div>
		</div>
		<div>
			<div class="mianshitongzhi1">面试时间：</div>
			<div class="mianshitongzhi2">2017-10-01  08:30</div>
			<div class="clearfix"></div>
		</div>
		<div>
			<div class="mianshitongzhi1">面试地点：</div>
			<div class="mianshitongzhi2">临沂市兰山区创业大厦B栋1203</div>
			<div class="clearfix"></div>
		</div>
		<div>
			<div class="mianshitongzhi1">注意事项：</div>
			<div class="mianshitongzhi2">请携带简历、2寸证件照一张，身份证复印件请携带简历、2寸证件照一张，身份证复印件请携带简历、2寸证件照一张，身份证复印件请携带简历、2寸证件照一张，身份证复印件请携带简历、2寸证件照一张，身份证复印件请携带简历、2寸证件照一张，身份证复印件请携带简历、2寸证件照一张，身份证复印件请携带简历、2寸证件照一张，身份证复印件.......</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<div class="dibu">
		<div class="dibu1">
			<div class="dibu2">
				<img src="images/footer_29.jpg" alt="">
			</div>
			<div class="dibu3">
				<div>网站资质　|　备案　|　法律声明　｜　<a href="yinsiquan.html">隐私权政策</a></div>
				<div>未经同意，不得转载本网站之所有招聘信息及作品　|　火星人才网版权所有©2017-3017</div>
				<div>地址：沈阳市沈河区　服务热线：400-024-5880　邮箱：175969151@163.com</div>
			</div>
		<div class="clearfix"></div>
		</div>
	</div>
<div class="gr_bm" id="baoming">
	<div class="gr_bm1">
		<div class="gr_bm2">
		<img src="images/czgz-gb.png" alt="" id="gb">
			<div style="padding-left: 20px;">是否取消报名</div>
		</div>
		<div>
			<div class="gr_caiwu_kk">已扣款：</div>
			<div class="gr_caiwu_je"><span>500</span>元</div>
			<div class="clearfix"></div>
		</div>
		<div class="gr_caiwu_xx">请详细确认扣款及应退金额，有疑问致电客服400-024-5880</div>
		<div class="gr_caiwu_qr">
			<div class="gr_caiwu_qr1">确认</div>
			<div class="gr_caiwu_qr2" id="gb2">取消</div>
			<div class="clearfix"></div>
		</div>
	</div>
</div>
<script>
		var xiugai=document.getElementById('xiugai');
		var beigai=document.getElementById('beigai');
		var baocun=document.getElementById('baocun');
		var quxiao=document.getElementById('quxiao');
		var baoming=document.getElementById('baoming');
		var gb=document.getElementById('gb');
	var dian=function(){
		beigai.readOnly=false;
		beigai.style.borderBottom="solid 1px #aaa";
		xiugai.style.display="none";
		baocun.style.display="block"; 
	}
	var ji=function(){
		beigai.style="readOnly";
		beigai.style.borderBottom="none";
		xiugai.style.display="block";
		baocun.style.display="none";
	}
	xiugai.onclick=function(){
		dian()
	}
	baocun.onclick=function(){
		if(beigai.value.length<11){
			alert('请输入号码');
		}else if(beigai.value.length>11){
			alert('请输入正确的号码');
		}else{
		ji();
		}
	}
</script>
<script>
	$('.jinchenbiao_quxiao').click(function(){
		$('.gr_bm').show();
	})
	$('#gb,#gb2').click(function(){
		$('.gr_bm').hide();
	})
</script>
<script>
	$('#jxtz').click(function(){
		if($('.mianshitongzhi').is(":hidden")){
			$('.mianshitongzhi').show();
		}else{
			$('.mianshitongzhi').hide();
		}
		
	});
</script>
<script>
//	进程条点击事件
	$('.process_box1 .queding-one1').click(function(){
		$(this).siblings(".process1").children("li:eq(0)").children("div").animate({"width":"70px"},"4000ms");
		$(this).siblings(".process1").children("li:eq(0)").css("border","2px solid #1fbbee");
	})
	$('.process_box1 .queding-one').click(function(){
		$(this).siblings(".process1").children("li:eq(4)").children("div").animate({"width":"70px"},"4000ms");
		$(this).siblings(".process1").children("li:eq(4)").css("border","2px solid #1fbbee");
	})
	$('.process_box1 .queding-two').click(function(){
		$(this).siblings(".process1").children("li:eq(6)").children("div").animate({"width":"70px"},"4000ms");
		$(this).siblings(".process1").children("li:eq(6)").css("border","2px solid #1fbbee");
	})
	$('.process_box1 .queding-three').click(function(){
		$(this).siblings(".process1").children("li:eq(8)").children("div").animate({"width":"70px"},"4000ms");
		$(this).siblings(".process1").children("li:eq(8)").css("border","2px solid #1fbbee");
	})
	$('.qued').click(function(){
		$('.process1 li:eq(0)').css({"border":"2px solid #1fbbee","background-color":"#1fbbee"});
	})
	$('.process-kaoshi1').mouseover(function(){
		$('.process-tz1').css("display","block");
	})
	$('.process-kaoshi1').mouseleave(function(){
		$('.process-tz1').css("display","none");
	})
	$('.process-kaoshi21').mouseover(function(){
		$('.process-tz21').css("display","block");
	})
	$('.process-kaoshi21').mouseleave(function(){
		$('.process-tz21').css("display","none");
	})
//	考核点击事件
	$('.process1 li:eq(2)').click(function(){
//		$(this).children("div").animate({"width":"70px"},"8000ms");
//		$(this).css("border","2px solid #1fbbee");
		$('.kaoshijieguo').show();
	})
	$('.kaoshijieguo-conter p span img,.kaoshijieguo-button button:eq(1)').click(function(){
//		$(this).children("div").animate({"width":"70px"},"8000ms");
//		$(this).css("border","2px solid #1fbbee");
		$('.kaoshijieguo').hide();
	})
	$('.kaoshijieguo-button button:eq(0)').click(function(){
		$('.kaoshijieguo').hide();
		$(".process1 li:eq(2)").children("div").animate({"width":"70px"},"8000ms");
		$(".process1 li:eq(2)").css("border","2px solid #1fbbee");
	})
</script>
</body>
</html>
